<script setup lang='ts'>
import { readonly } from "vue";

// readonly： 用来定义只读数据，当要改变值的时候会给出警告，无法修改数据是只读的
// 接收的参数可以是响应式的数据，也可以是一个非响应式的数据
let state = readonly({
    name: '张三'
})
function changeName() {
    state.name = '李四'
}
</script>
<template>
    <div @click='changeName'>
        {{ state.name }}
    </div>
</template>
<style>
    
</style>